﻿<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>文章发布</title>
    <link rel="stylesheet" type="text/css" href="/css/index.css">
    <style>
        .comment {
            border: 1px #00CCFF solid;
        }
        .comment .add-comment{
            margin-bottom: 20px;
        }
        .comment .comment-list{
            width: 400px;
        }
         .comment .comment-list li{
             margin-bottom: 20px;
             border: 1px solid #ccc;
         }
         .comment-list li p:first-child{
             display: flex;
             justify-content: space-between;
             margin-bottom: 10px;
         }

    </style>
    <script src="https://cdn.bootcdn.net/ajax/libs/art-template/4.13.2/lib/template-web.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

<body>
    <div id="header">
        <img src="/images/logo1.png" alt="logo" />
        <ul>
            <li><a href="javascript:;" class="reg">会员注册</a>/</li>
              <li><a href="javascript:;" class="login">登陆</a></li>
        </ul>
    </div>

    <div id="nav">
        <ul>
        </ul>
    </div>

    <!-- 分类模板引擎 -->
    <script type="text/html" id="cates">
        <li><a href="/">首页</a></li>
        {{each cates v}}
        <li><a class="{{v.id== cate_id ? 'active' : '' }}" href="list.html?cate_id={{v.id}}">{{v.cate_name}}</a></li>
        {{/each}}
    </script>


    <div class="blank20"></div>

    <div class="article">
        <!-- <h3>中国你好</h3>
        <p>一位老和尚，他身边聚拢着一帮虔诚的弟子。这一天，他嘱咐弟子每人去南山打一担柴回来。弟子们匆匆行至离山不远的河边，人人目瞪口呆。只见洪水从山上奔泻而下，无论如何也休想渡河打柴了。无功而返，弟子们都有些垂头丧气。唯独一个小和尚与师傅坦然相对。师傅问其故，小和尚从怀中掏出一个苹果，递给师傅说，过不了河，打不了柴，见河边有棵苹果树，我就顺手把树上唯一的一个苹果摘来了。后来，这位小和尚成了师傅的衣钵传人。
        </p>
        <p>世上有走不完的路，也有过不了的河。过不了的河掉头而回，也是一种智慧。但真正的智慧还要在河边做一件事情：放飞思想的风筝，摘下一个"苹果"。历览古今，抱定这样一种生活信念的人，最终都实现了人生的突围和超越。</p> -->
    </div>

    <script type="text/html" id="content">
        <h3>{{row.title}}</h3>
        <p align="right">访问量为:
            <span style="color: red;margin-right: 10px;">{{row.view_nums}}
            </span>发布时间:<span>{{row.updatedAt|dateFormat}}</span>
        </p>
        <p>
            {{@ row.content }}
        </p>
        <p align="right">
            编辑: {{row.author}}
        </p>
    </script>

    <div class="comment">
        <div class="add-comment">
            <textarea name="" id="fb-content" cols="30" rows="10"></textarea><button class="fb">发表</button>
        </div>
        <ul class="comment-list">
           
        </ul>
    </div>
    <!-- 评论的模板标签 -->
    <script type="text/html" id="comment">
       {{each news_comments v}} 
       <li>
           <p><span>{{v.User.username}}</span> <span>{{v.com_time|dateFormat}}</span></p>
           <p>{{v.content}}</p>
       </li>
      {{/each}} 
    </script>


    <div class="blank20"></div>
    <div id="footer">
        <p>版权所有&copy;上海快简教育<br />联系方式：18665455185</p>
    </div>

    <!-- 导入moment -->
    <script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
    <!-- 导入js文件 -->
    <script src="./js/ajax.js"></script>
    <script src="/libs/layui/layui.js"></script>
    <script src="./js/register.js"></script>
     <script src="./js/login.js"></script>
     <script src="./js/detail.js"></script>

</body>

</html>